/**************background-video***************/
.wrapper .main .background-video{
    height: 80vw;
    position: absolute;
    left: 0;
}
.wrapper .main .background-video video{
    width: 100%;
    height: 80vw;
    object-fit: cover;
}

/**************top-poster***************/
.wrapper .main .top-poster{
    width: 100%;
    height: 170vw;
    position: relative;
    display: flex;
    overflow-x: scroll; /*横向滚动*/
}

/**************posters***************/
.wrapper .main .top-poster .posters{
    display: flex;
    justify-content: space-between;
    align-content: center;

    position: absolute;
    bottom: 0; /*固定在父容器内部底部*/
}
.wrapper .main .top-poster .posters li{
    width: 70vw;
    margin: 0 3vw;
    position: relative;
}
.wrapper .main .top-poster .posters li img{
    width: 70vw;
    cursor: pointer;
}
.wrapper .main .top-poster .posters li .price-tag{
    width: 28vw;
}

/**************deep-discount***************/
.wrapper .main .deep-discount{
    width: 100%;
    height: 70vw;
    position: relative;
    background-color: #ebcaa1;
    margin-top: 7vw;

    display: flex;
    flex-direction: column;
    gap: 0;
}
.wrapper .main .deep-discount p{
    font-size: 5vw;
    margin: 1vw 6vw 0;
}
.wrapper .main .deep-discount p:first-child{
    font-size: 7vw;
    font-weight: bolder;
    color: #d15d5e;

    margin: 0 17vw 2vw;
    padding-top: 5vw;
}
.wrapper .main .deep-discount .deep-discount-list{
    width: 100%;

    display: flex;
    position: absolute;
    bottom: 0;
    overflow-x: scroll; /*横向滚动*/
}
.wrapper .main .deep-discount .deep-discount-list li{
    position: relative;
    margin: 0 3vw 10vw;
}
.wrapper .main .deep-discount .deep-discount-list li img{
    height: 30vw;
    cursor: pointer;
}
.wrapper .main .deep-discount .deep-discount-list li .price-tag{
    width: 24vw;
    bottom: -3.8vw;
}

/**************discount-list***************/
.wrapper .main .discount-list{
    width: 100%;
    margin: 5vw 0 10vw;

    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.wrapper .main .discount-list li{
    margin: 5vw 2vw;
    position: relative;

    display: flex;
}
.wrapper .main .discount-list li .price-tag{
    bottom: -5vw;
}
.wrapper .main .discount-list .normal img{
    width: 43vw;
    flex-shrink: 0;
    cursor: pointer;
}
.wrapper .main .discount-list .big img{
    width: 90vw;
    flex-shrink: 0;
    cursor: pointer;
}

/**************footer***************/
.wrapper .footer .shop{
    color: #4b9cf7;
}

